<template>
  <div class="volid">
    <ul>
      <li>
        <div class="left">555</div>
        <div class="right">5555</div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  li {
    height: 80px;
    display: flex;
    .left {
      margin-left: 30px;
      flex-grow: 2;
      background-color: rgb(113, 27, 27);
    }
    .right {
      flex-grow: 1;
    }
  }
}
</style>